//chilren子组件
<template>
  <div class="hello">
    <ul>
      <li v-for="user in users">{{user}}</li>//子组件遍历传递过来的值，然后呈现到页面
    </ul>
    <!-- 子组件绑一个事件向父组件传值 -->
    <button @click="changeTitle">{{ title }}</button>
  </div>
</template>
<script>
export default {
  name: 'chilren',
  props:{
    users:{           //这个就是父组件中子标签自定义名字
      type:Array,
      required:true
    }
  },
  data() {
    return {
      title:"子组件"
    }
  },
  methods:{
    changeTitle() {
        // 通过$emit获取父组件绑定的自定义事件
      this.$emit("titleChanged","子向父组件传值");//自定义事件  传递值“子向父组件传值”
    }
  }
}
  

</script>